<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>消息盒子</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../../css/core.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/icon.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/message.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/aui.css"/>
		<link rel="stylesheet" href="../../css/pulice.css">
		<script src="../../js/api.js"></script>
    	<script src="../../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    	<script src="../../js/vue.min.js"></script>
    	<script src="../../js/vue-resource.min.js"></script>
    	<script src="../../js/aui-toast.js"></script>
    	<script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
		<script>
			setToken();
            $(function () {
            	
            	 var app = new Vue({
                el: '#box',
                data: {
                    goods: {},
                    pageIndex : 1,
                },
                mounted:function(){
                	this.$nextTick(function(){
                		this.myAccount();
                	})
                },
                methods:{
                	myAccount : function(){
                		this.$http.get(SURL+"app/users/message",{params:{pageIndex: this.pageIndex}}).then(function(res){
	                   			console.log(res.body.data)
	                   			this.goods = res.body.data;
	                		}).catch(function(req){
                			
                		});
                	},
                	
                }
            });
            
            	
            	
                $('.hm-bar').load('../../data/headerOther.html',function (data) {
                    $(this).find('.head-main').text('消息盒子');
                    $(this).find('.hm-bar-box').css('position','static');
                    $(this).find('.head-left').on('tap',function () {
                        window.history.back();
                    });
                });
            })
		</script>
	</head>
		<body>
		<div id="box">
			<div class="hm-bar"></div>
			
			<!--身体-->
			<div class="WD-shenti">
				<div class="st-center">
					<div class="msg">
						<div class="st-wd none">
							<div class="msg-img">
								<img src="../../img/news.png" />
							</div>
							<div class="msg-right">
								<div class="msg-title">
									消息通知
								</div>
								<div class="msg-text">
									已签收，您在华猫自营店购买的宝贝已经成功
								</div>
							</div>
						</div>
					</div>
					
					
					<div class="tiao"></div>
					<div class="msg">
						<div class="st-wd  mar">
							<div class="msg-img">
								<img src="../../img/dior.png" />
							</div>
							<div class="msg-right">
								<div class="msg-title">
									迪奥官方旗舰店
								</div>
								<div class="msg-text">
									亲，给个好评呗，亲，爱你么么哒！么么哒
								</div>
							</div>
						</div>
					</div>
					
					
					<div class="msg ">
						<div class="st-wd ">
							<div class="msg-img">
								<img src="../../img/sus.png" />
							</div>
							<div class="msg-right">
								<div class="msg-title">
									华硕官方旗舰店
								</div>
								<div class="msg-text">
									亲，给个好评呗，亲，爱你么么哒！么么哒
								</div>
							</div>
						</div>
					</div>
					
				</div>
				
				
				
				
			
				
				
				
			
				
				
				
			</div>
			
		</div>	
	</body>
	<script>
		
		
	</script>
</html>
